<template>
  <div class="register">

  <a-button
      size="large"
      class="register-button"
      @click="open=true"
    >
      预览
    </a-button>
    <a-modal
      v-model="open"
      width="1200px"
      title="title"
      :mask-closable="false"
      on-cancel="close"
    >
      <iframe
        class="pdf_pre"
        width="100%"
        height="100%"
        src="http://seedtest.ap-ec.cn//bank_other//paperless-sign/contractSign/BUSINESS_2004201515590836/%E5%90%88%E5%90%8C%E7%B1%BB%E5%9E%8Btest001200420151559.pdf"
      />
      <div
        slot="footer"
        class="madal-footer"
      >
        <a-button @click="close">
          取消
        </a-button>
      </div>
    </a-modal>
  </div>
</template>

<script>
/**
 * 安装插件参考路径：https://www.cnblogs.com/nianyifenzhizuo/articles/10527246.html
 */
export default {
  data () {
    return {
      open: true
    }
  },
  methods: {
    close () {
      this.open = false
    }
  }
}
</script>

<style lang="scss" scoped>
.pdf_pre {
  width: 100%;
  height: 600px;
}
</style>
